.article-details-com {
  &-header {
    &-title {
      text-align: center;
      font-size: 24px;
      font-weight: 700;
      margin-bottom: 10px;
    }
    &-main {
      display: flex;
      justify-content: space-between;
      &-left {
        &-top {
          display: flex;
          align-items: center;
          &-nickName {
            font-size: 14px;
          }
          &-update-time {
            color: #aaa;
          }
        }
        &-bottom {
          display: flex;
          align-items: center;
          &-category {
            &-title {
              color: #999aaa;
            }
            &-name {
              border: 1px solid #eaeaef;
              padding: 3px 6px;
              border-radius: 2px;
            }
          }
        }
      }
      &-right {
        display: flex;
        align-items: center;
        &-edit {
          cursor: pointer;
          margin: 0 10px;
          font-size: 22px !important;
        }
        &-review {
          cursor: pointer;
          color: $color;
          font-size: 22px !important;
        }
      }
    }
  }
  &-container {
    padding: 10px;
  }
}